<div class="content-wrapper" style="min-height: 976px;">
<!-- Content Header (Page header) -->
    <section class="content-header">
      <h1>
        个人信息
      </h1>
      <ol class="breadcrumb">
        <li><a href="#"><i class="fa fa-dashboard"></i> 首页</a></li>
        <li class="active">个人信息</li>
      </ol>
    </section>

    <!-- Main content -->
    <section class="content">
      <div class="row">
        <!-- column -->
        <div class="col-md-12">
          <!-- general form elements -->
          <div class="box box-primary">
            <div class="box-header with-border">
              <h3 class="box-title">个人信息</h3>
            </div>
            <!-- /.box-header -->
            <!-- form start -->
            <form method="get" class="form-horizontal" name="myForm">
              <div class="box-body">
                <div class="form-group">
                  <label for="inputUsername" class="col-sm-2 control-label">用户名</label>
                  <div class="col-sm-6">
                    <input type="text" ng-model="user.username" class="form-control" id="inputUsername" placeholder="用户名" readonly>
                  </div>
                </div>
                <!-- <div class="form-group">
                  <label for="inputPassword" class="col-sm-2 control-label">密码</label>
                  <div class="col-sm-6">
                    <input type="password" ng-model="user.passward" class="form-control" id="inputPassword" placeholder="密码" ng-required="true">
                  </div>
                </div> -->
                <div class="form-group">
                  <label for="inputRealName" class="col-sm-2 control-label"><span style="color: red">*</span>姓名</label>
                  <div class="col-sm-6">
                    <input type="text" ng-model="user.realName" class="form-control" id="inputRealName" placeholder="真实姓名" ng-required="true">
                  </div>
                </div>
                <div class="form-group">
					<label class="col-sm-2 control-label"><span style="color: red">*</span>年级</label>
					<div class="col-sm-6">
			 			<select class="form-control" ng-model="user.grade" required>
			 				<option  value="大一">大一</option>
			 				<option  value="大二">大二</option>
			 				<option  value="大三">大三</option>
			 				<option  value="大四">大四</option>
			 				<option  value="本科以上">本科以上</option>
						</select>
					</div>
				</div>
                <!-- <div class="form-group">
                  <label for="inputInstitute" class="col-sm-2 control-label"><span style="color: red">*</span>学院</label>
                  <div class="col-sm-6">
                    <input type="text" ng-model="user.institute" class="form-control" id="inputInstitute" placeholder="学院" ng-required="true">
                  </div>
                </div> -->
                <div class="form-group">
					<label class="col-sm-2 control-label"><span style="color: red">*</span>学院</label>
					<div class="col-sm-6">
			 			<select class="form-control" ng-model="user.institute" required>
			 				<option  value="电子信息学院">电子信息学院</option>
			 				<option  value="计算机学院">计算机学院</option>
			 				<option  value="测绘学院">测绘学院</option>
			 				<option  value="遥感信息工程学院">遥感信息工程学院</option>
			 				<option  value="印刷与包装系">印刷与包装系</option>
			 				<option  value="网络安全学院">网络安全学院</option>
			 				<option  value="弘毅学堂">弘毅学堂</option>
			 				<option  value="哲学学院">哲学学院</option>
			 				<option  value="国学院">国学院</option>
			 				<option  value="文学院">文学院</option>
			 				<option  value="外国语言文学学院">外国语言文学学院</option>
			 				<option  value="新闻与传播学院">新闻与传播学院</option>
			 				<option  value="艺术学院">艺术学院</option>
			 				<option  value="历史学院">历史学院</option>
			 				<option  value="经济与管理学院">经济与管理学院</option>
			 				<option  value="法学院">法学院</option>
			 				<option  value="马克思主义学院">马克思主义学院</option>
			 				<option  value="社会学系">社会学系</option>
			 				<option  value="政治与公共管理学院">政治与公共管理学院</option>
			 				<option  value="教育科学研究院">教育科学研究院</option>
			 				<option  value="信息管理学院">信息管理学院</option>
			 				<option  value="数学与统计学院">数学与统计学院</option>
			 				<option  value="物理科学与技术学院">物理科学与技术学院</option>
			 				<option  value="化学与分子科学学院">化学与分子科学学院</option>
			 				<option  value="生命科学学院">生命科学学院</option>
			 				<option  value="资源与环境科学学院">资源与环境科学学院</option>
			 				<option  value="高等研究院">高等研究院</option>
			 				<option  value="动力与机械学院">动力与机械学院</option>
			 				<option  value="电气工程学院">电气工程学院</option>
			 				<option  value="城市设计学院">城市设计学院</option>
			 				<option  value="土木建筑工程学院">土木建筑工程学院</option>
			 				<option  value="水利水电学院">水利水电学院</option>
			 				<option  value="工业科学研究院">工业科学研究院</option>
			 				<option  value="医学部机关">医学部机关</option>
			 				<option  value="医学研究院">医学研究院</option>
			 				<option  value="基础医学院">基础医学院</option>
			 				<option  value="健康学院">健康学院</option>
			 				<option  value="药学院">药学院</option>
			 				<option  value="第一临床学院">第一临床学院</option>
			 				<option  value="第二临床学院">第二临床学院</option>
			 				<option  value="口腔医学院">口腔医学院</option>
			 				<option  value="医学职业技术学院">医学职业技术学院</option>
						</select>
					</div>
				</div>
                <div class="form-group">
                  <label class="col-sm-2 control-label"><span style="color: red">*</span>性别</label>
                  <div class="col-sm-6">
                    <div class="col-sm-4">
                      <input type="radio" ng-model="user.gender" name="gender" value="1" ng-required="true"> &nbsp;♂ &nbsp;
                    </div>
                    <div class="col-sm-4">
                      <input type="radio" ng-model="user.gender" name="gender" value="2" ng-required="true"> &nbsp;♀ &nbsp;
                    </div>
                  </div>
                </div>
                <div class="form-group">
                  <label for="inputCardId" class="col-sm-2 control-label"><span style="color: red">*</span>学号/工号</label>
                  <div class="col-sm-6">
                    <input type="number" ng-model="user.cardId" class="form-control" id="inputCardId" placeholder="学生卡号/工号" ng-required="true">
                  </div>
                </div>
                <!-- TODO: 展示照片 -->
                <div class="form-group">
                  <label for="inputPhoto" class="col-sm-2 control-label">上传照片</label>
                  <div class="col-sm-6">
                    <input type="file" id="inputPhoto">
                    <!-- <p class="help-block"><img ng-src="{{imageSrc}}" style="max-width:300px;max-height:300px;margin:0 auto;display:block;" /></p> -->
                  </div>
                </div>
              </div>
              <!-- /.box-body -->
              <div class="box-footer">
                <button class="btn btn-primary col-sm-4 col-sm-offset-3" ng-click="save()" ng-disabled="myForm.$invalid">更新</button>
              </div>
            </form>
          </div>
          <!-- /.box -->
        </div>
        <!--/.col -->
      </div>
      <!-- /.row -->
    </section>
    <!-- /.content -->
</div>
<!-- 保存弹出框 -->
<div class="modal" id="sure" aria-labelledby="myModalLabel" aria-hidden="true" style="overflow-x: hidden; overflow-y: auto;">
    <div class="modal-dialog">
        <div class="panel panel-default">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h3>确定</h3>
            </div>
            <div class="modal-body">
                <p>确定更新？</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" ng-click="submits('save');">是</button>
                <button type="button" class="btn btn-primary" ng-click="submits('cancel');">否</button>
            </div>
        </div>
    </div>
</div>